<!DOCTYPE html>
<html>
<head>
    <title>个人资料</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no" name="format-detection">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta property="wb:webmaster" content="c51923015ca19eb1">
    <meta name="author" content="m.taobao.com">
    <meta name="copyright" content="Copyright ©m.taobao.com 版权所有">
    <meta name="revisit-after" content="1 days">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="../css/common/reset.css">
    <link rel="stylesheet" type="text/css" href="../css/common/weui.min.css">
    <link rel="stylesheet" type="text/css" href="../css/common/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../css/myData.css">
</head>
<body>
<div id="center">
    <div class="head">
        <div style="width: 20%;height: 100%">
            <img src="../img/返回.png" class="back"></div>
        <span>个人资料</span></div>
    <div class="middle">
        <div class="middleinfo">
            <div class="title">淘宝头像</div>
            <!--<div class="arrow"><img src="../img/返回-浅25@2x.png" style="width: 8px;height: 14px"></div>-->
            <div class="middlefont"><img src="../img/head.jpg" style="margin-right: 8px;border-radius: 100%;height: 47px;width: 47px"></div>
        </div>
        <div class="hint"></div>
        <div class="middleinfo code">
            <div class="title">二维码</div>
            <div class="arrow"><img src="../img/返回@2x.png" style="width: 8px;height: 14px"></div>
            <div class="middlefont"><img src="../img/二维码.jpg" style="height: 40px;width: 40px"></div>

        </div>
        <div class="hint"></div>
        <div class="middleinfos">
            <div class="titles">会员名</div>
            <!--<div class="arrows"><img src="../img/返回@2x.png" style="width: 8px;height: 14px"></div>-->
            <div class="middlefonts" style="margin-right: 18px;">卢周坚</div>
        </div>
        <div class="hint"></div>
        <a href="#">
            <div class="middleinfos">
                <div class="titles">淘宝昵称</div>
                <div class="arrows"><img src="../img/返回@2x.png" style="width: 8px;height: 14px"></div>
                <div class="middlefonts">大福星</div>
            </div></a>
        <div class="hint"></div>
        <a href="#">
            <div class="middleinfos">
                <div class="titles">手机号码</div>
                <!--<div class="arrows"><img src="../img/返回-浅25@2x.png" style="width: 8px;height: 14px"></div>-->
                <div class="middlefonts" style="margin-right: 18px">15699952236</div>
            </div></a>
        <div class="hint"></div>
        <div class="middleinfos">
            <div class="titles">淘宝账户</div>
            <div class="arrows"><img src="../img/返回@2x.png" style="width: 8px;height: 14px"></div>
            <div class="middlefonts">ahl36669</div>
        </div>
        <div class="hint"></div>
        <div class="middleinfos">
            <div class="titles">性别</div>
            <div class="arrows"><img src="../img/返回@2x.png" style="width: 8px;height: 14px"></div>
            <div class="middlefonts">女</div>
        </div>
        <div class="bg">
            <div class="bigimg">
                <div class="image"><img src="../img/二维码.jpg" style="width: 80%;height: 80%;margin-left: 10%;margin-top:10%;"></div>
            </div>
        </div>
    </div>

</div>
<script src="../js/common/jquery-3.1.0.min.js"></script>

<script>
    $(document).ready(function () {
        $(".code").click(function () {
            $(".bg").show();
            $(".bigimg").show().animate({bottom:"60px"},500);
        });

    });
    $(document).ready(function () {
        $("div.bg*").not(".bigimg").click(function () {
            $(".bg").hide();
            $(".bigimg").hide().css({bottom:"-50px"});
        });

    });
</script>
<!-- 	// <script src="../jquery-3.1.0.min.js"></script>
	// <script src="../js/index.js"></script> -->

</body>
</html>